<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--<title>爱淘金</title>-->
<link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/PersonalCenter.css" />

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/js.js" type="text/javascript"></script>
</head>
<body>
	<!--顶部-->
	<div class="header">
		<a href="javascript:history.go(-1);" class="hele"></a>
		<h1 class="hetitle">收益</h1>
	</div>
	
	<div id="page" class="page m">
		<div class="sy">
			<div class="cysy font29 botcol">存油收益</div>
			<div class="cysy font29 ">交易收益</div>
		</div>
		<div class="shouyid">
			<!--存油收益-->
			<div class="shouyi" style="display: block;">
				<div class="choose">
					<span name="" id="" class="cho font34">
						2018年11月
						<img src="images/bottom.png" alt="" class="bott" />
					</span>
					<span class="font23 col99">该项目收益￥<span>48.00</span></span>
				</div>
				
				<div class="oil">
					<div><img src="images/qy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[汽油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/cy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[柴油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/qy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[汽油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/cy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[柴油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
			</div>
			<!--交易收益-->
			<div class="shouyi">
				<div class="choose">
					<span name="" id="" class="cho font34">
						2018年1月
						<img src="images/bottom.png" alt="" class="bott" />
					</span>
					<span class="font23 col99">该项目收益￥<span>48.00</span></span>
				</div>
				
				<div class="oil">
					<div><img src="images/qy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[汽油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/cy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[柴油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/qy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[汽油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
				
				<div class="oil">
					<div><img src="images/cy.png" alt="" class="qu"/></div>
					<div class="bbor" style="-webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1;-ms-flex: 1; flex: 1;">
						<div class="qyou">
							<p class="font34">[柴油]文字示例某加油站存油</p>
							<p class="font28">+1.50</p>
						</div>
						<div  class="font26">11月12日 19:25</div>
					</div>
				</div>
			</div>
		</div>
		
				
	</div>
<script type="text/javascript">
$(function() {
	$(".sy .cysy").on("click",function(){
		$(this).addClass("botcol").siblings().removeClass("botcol");
		var i = $(this).index();
		$(".shouyid .shouyi").eq(i).show().siblings(".shouyi").hide();
	})
})

</script>
</body>
</html>


